<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<style>
			html,
			body {
				background-color: #efeff4;
			}
			
			textarea,
			input {
				color: #000000;
			}
		</style>
	</head>

	<body>

		<div class="mui-content">
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">

					<div align="center" style="margin: 10px;">运动爱好</div>
					<div style="margin: 10px;">
						<span class="mui-icon mui-icon-location "></span>郑州市
						<span class="mui-icon mui-icon-arrowdown "></span>金水区
						<span class="mui-icon mui-icon-arrowdown "></span>
					</div>
					<div class="content" style="margin: 10px;">

						<ul id="list2" class="mui-table-view mui-grid-view mui-grid-9 ">
							<li id="item2" class="mui-table-view-cell mui-media mui-col-xs-4 ">
								<a id="txt" href="# " style="font-size: 14px;">
									篮球
								</a>
							</li>

						</ul>

						<p style="margin: 10px 15px;">
							<button onclick="closeWrapper()" type="button">关闭</button>
						</p>
					</div>

				</div>
			</div>

		</div>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init();

			var list2 = document.getElementById("list2");
			var item2 = document.getElementById("item2");
			item2.style.display = 'none';

			var data = ["篮球", "足球", "羽毛球", "乒乓球", "桌球", "排球", "保龄球", "橄榄球", "网球"];
			for(var j = 0; j < data.length; j++) {
				var o = data[j];
				var div = item2.cloneNode(true)
				var txt = div.querySelector("#txt");
				txt.textContent = o;
				div.style.display = "inline-table";
				list2.appendChild(div);
			}
			var main = null;
			mui.plusReady(function() {
				main = plus.webview.currentWebview().opener();
			});

			function closeWrapper() {
				mui.fire(main, "menuClose");
			}
		</script>
	</body>

</html>